$(function () {
    // 文档加载
    // 需求1： 点击全选按钮，根据其属性checked 赋值所有的子选项
    // 实现: 
    // $('.allSel').click(function () {
    //      // 1. 获取(全选)按钮 【接】
    //     // console.log($('.allSel'));
    //     let isAllCheck = $(this).prop('checked');
    //     console.log(isAllCheck);
    //     // 2. 获取该元素的 ckecked属性值 【化】
    //     // 3. 找到所有的(子选项)  将其属性值checked 赋值 【发】
    //     $('.sinSel').prop('checked',isAllCheck);
    // });

    $('.allSel').click(function () {
        let isAllcheck = $(this).prop('checked');
        $('.sinSel').prop('checked', isAllcheck)
    })

    // 需求2： 点击子选项后，检查子选项勾选数量是否等于 子选项全部数量
    // 实现：
    // 1. 绑定子选项点击事件
    // $('.sinSel').click(function() {
    //      // 2. 获取选中项目总数 【接】
    //     let selected = $('.sinSel:checked').length;
    //     //  console.log(selected);
    //     // 3. 获取子选项总数【接】
    //     let all = $('.sinSel').length;
    //     // console.log(all);
    //     // 4. 对比以上总数是否一致 【化】
    //     let isAllChecked = (selected === all);
    //     // 5. 设置全选状态【发】
    //     $('.allSel').prop('checked',isAllChecked);
    // });

    $('.sinSel').click(function () {
        let selected = $('.sinSel:checked').length;
        let all = $('.sinSel').length;
        let isAllChecked = (selected === all);
        $('.allSel').prop('cheked', isAllChecked)
    })


    $('.add').click(function () {
        // console.log(1);
        let value1 = $(this).prev().val();
        // console.log(value1);
        let newvalue1 = parseInt(value1) + 1;
        // console.log(newvalue1);
        $(this).prev().val(newvalue1)

        let $tr = $(this).parent().parent();
        cal($tr);
    })

    $('.reduce').click(function () {
        // console.log(1);
        let value1 = $(this).next().val();
        if (value1 == 1) {
            return
        }
        // console.log(value1);
        let newvalue1 = parseInt(value1) - 1;
        // console.log(newvalue1);
        $(this).next().val(newvalue1)

        let $tr = $(this).parent().parent();
        cal($tr);
    })


    function cal($tr) {
        let price = $tr.find('.sPrice').text();
        let num = $tr.find('.proNum').val();
        let $allPrice = $tr.find('.singlePrice')
        let total = price * num;
        total = total.toFixed(2);
        $allPrice.text(total)
    }


    let $tr = $('tr:gt(0)')
    // console.log($tr);
    $tr.splice($tr.length - 1, 1);
    let $td = $tr.find('td:last-child');
    console.log($td);
    $td.click(function () {
        if (confirm('亲，不再考虑吗')) {
            $(this).parent().remove();
        }
        return;
    })


    function calTotal() {
        let count = 0;//代表件数
        let sumPrice = 0;// 代表金额
        $('tr').nextUntil('tr:last-child').each(function (index, tr) {
            let $input = $(tr).find('input .sinSel');
            let isChecked = $input.prop('checked');
            if (isChecked) {
                let num = $(tr).find('.proNum').val();
                let price = $(tr).find('.singlePrice').text();
                count = count + parseInt(num);
                sumPrice = sumPrice + parseFloat(price);
            }
            $('.allNum').text(count);
            $('.allPrice').text(sumPrice.toFixed(2));
        })
    }
    // calTotal()

})